Halo semuanya, selamat malam. Dalam tutorial video ke-44 saya, saya sudah 
menjelaskan cara menggunakan "BLoC State Management" meskipun dalam tutorial 
itu, saya menjelaskan penggunaannya menggunakan "Stream Controller" dan 
"Stream Builder", tanpa menggunakan paket apa pun dari luar 


import 


void main() => runApp(MyApp()); 


[bloc_blocflutterpackage] flutter packages get 
Running "flutter pub get" in bloc_blocflutterpackage... 


exit code @ 

Ibloc blocflutterpackage) flutter packages get 

Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 


. Nah, dalam tutorial ini saya ingin menunjukkan cara membuat "BLoC State 
Management" menggunakan paket dari luar. Paket yang akan kita gunakan disebut 
"Flutter BLoC". Contoh aplikasi yang akan kita buat sama dengan yang kita buat 
pada tutorial sebelumnya. Jadi, tampilannya akan seperti ini. 


import 


void main() => runApp(MyApp()): 


Ibloc blocflutterpackage) flutter packages get 

Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 

Ibloc blocflutterpackage) flutter packages get 

Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 


Akan ada 'Wadah Animasi', dan dua "Tombol Melayang' yang jika kita klik, akan 


berubah warna. OKE. Jadi, sama seperti yang ada di tutorial ke-44 saya. Mari kita 
mulai. Buka 'pubspec.yam!' terlebih dahulu. Di sini, kita harus menambahkan 
'flutter bloc' dan kita akan menggunakan versi 0.20.1. Menyimpan. 


pelnpergani 


environment: 


(bloc blocflutterpackage) flutter packages get 
Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 


(bloc blocflutterpackage) flutter packages get 
Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 


Sekarang, mari kita ke 'main' dan seperti biasa kita akan membuat widget 
'Stateless' beri nama "MyApp", di sini... 'MaterialApp", 'home'. Saya akan 
memisahkan home dan akan membuat mainpage untuknya secara terpisah. 


import 
void main() -» runApp(MyAp 


extends 


LOLOCL. OLOUT-LU LLETpaLKAKU | TLULLEr Pdlkaped get 

Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 

Ibloc blocflutterpackage) flutter packages get 

Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 


aa - - - 
Di sini, saya akan membuat widget 'Stateless' lainnya dan menamsinya "MainPage" 
dan ini di sini akan mengembalikan 'Scaffold'. 'appBar..."', 'judul' akan menjadi 
"BLoC menggunakan flutter bloc". Kemudian, 'body' akan disetel ke 'Center', dan 
akan memiliki 'AnimatedContainer' dengan lebar 100 dan tinggi 100. Warnanya 
akan menjadi 'Colors.amber', lalu durasinya akan disetel hingga 500 milidetik. 


build( context) ( 
return ( 
appBar: (title: ("BLoC dengan flutter bloc" 
body: ( 
child: ( 
width: 100, 
height: 100, 
color: .amber, 
duration: (milliseconds: 568) | 


», 


` 


LDLUC UAUC TLULLErpPaLKapej TLULLEr Pdlkdpes geL 

Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 

Ibloc blocflutterpackage) flutter packages get 

Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 


ere 0 = 


Kemudian di sini, saya akan membuat "floatingActionButton" yang akan 
ditempatkan di 'Row' , 'mainAxisAlignment' nya akan disetel ke 'end' lalu di 
dalamnya, akan ada dua "FloatingActionButtons". Warnanya akan kuning, untuk 
tombol pertama, dan 'onPressed' akan dibiarkan kosong untuk saat ini. Salin ini. 


Untuk yang ini, warnanya biru muda. Di antaranya, saya akan menambahkan 
beberapa spasi menggunakan 'SizedBox' dengan lebar 10. Seperti itu. 


build( context) { 
return ( 
floatingActionButton: ( 
mainAxisAlignment: .end, 
children: « >[ 
(backgroundColor: .amber, onPressed: () (),), 
(width: 10,), 
(backgroundColor: .lightBlue, onPressed: () (),) 


PA tun 
LDLOL DAOLT LULLErPaL Kake) TLULLEr pdekdpes pel 

Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 

Ibloc blocflutterpackage) flutter packages get 

Running "flutter pub get" in bloc blocflutterpackage... 
exit code @ 


Sekarang simpan, 'F5'. Itu ada. Tata letak utama selesai. 


KA 
t 
BLoC dengan flutter_bloc 


build( context) { 
( 
floatingActionButton: ( 
mainAxisAlignment: .end, 
children: « >[ 
(backgroundColor: .amber, onPrg 
(width: 10,), 
(backgroundColor: .lightBlue, 


l 
», 


Nam tika 


Launching lib'main.dart on RNE L22 in debug mode... 


Built buildNappNoutputsNapkNdebugNapp-debug. apk. 


Sekarang, mari kita kembali ke kode. Di sini, kita akan membuat file lain bernama 
"color bloc.dart". Di sini, kita perlu mengimpor "bloc.dart" OK? Serta mengimpor 
"material.dart. Lalu di sini, kami akan menambahkan 'enum' untuk "ColorEvent". 
Kalau kamu mulai kurang paham disini seperti misalnya apa yang dimaksud dengan 
"ColorEvent", kamu bisa cek dulu tutorial saya yang ke 44 (sebelumnya) supaya 
lebih paham apa yang saya coba jelaskan disini, karena saya tidak akan 
menjelaskan kembali apa yang sudah saya jelaskan pada tutorial saya sebelumnya. 
Oke, mari kita lanjutkan. Di sini, akan ada dua jenis, "to amber" dan "to light blue". 
Selanjutnya, kita akan membuat kelas dan menamainya "ColorBloc" yang akan 
extends dari 'Bloc'. 'Blok' ini perlu mengetahui jenis event dan state. Seperti yang 
kita ketahui, kita mendapatkan event dari "ColorEvent" sementara itu, status yang 
kita peroleh dari "Color". Jadi di sini, "ColorEvent..." koma, "Color". 


color blocdart © 
'package:bloc/bloc.dart'; 
package:flutter/material.dart'; 


(to amber, to light bl 


Launching lib'main.dart on RNE L22 in debug mode... 


Built buildNapploutputsNapkNdebugNapp-debug. apk. 


color blocdart e 
"package:bloc/bloc.dart' : 
package:flutter/material.dart' : 


XC, MLOCFLUT TIRPACKAGE 


(to amber, to light blue) 


Launching lib'main.dart on RNE L22 in debug mode... 
Built buildNappNoutputsVapkNdebugNapp-debug. 


ounst 


DePenotNos 


Eo Type here to search 


Hapus ini. Yang pertama ditimpa adalah "initalState" dan apa status awal kita? 


~ color blocdart è 
vimport 


import 


num ColorEvent fto amber, to light blue) 


initialState => null, 


yr» mapEventToState( 


Launching lib'main.dart on RNE L22 in debug mode... 


Built buildNapploutputsNapkNdebugNapp-debug. apk. 


Nah, itu akan menjadi warna pertama yang kita gunakan yaitu amber. Jadi, 
"initalState" akan berwarna kuning. Kemudian, di dalam ini, kita juga perlu 
membuat status jadi "Warna..." " color" sama dengan titik koma 


5 
t (to amber, to light blue) 


extends £ < 


_color = lors.amber; 


verride 
get initialState => 


@override 


«Color?» mapEventToState( Event event) ( 


return null, 
1 


Launching liblmain.dart on RNE L22 in debug mode... 
Built buildNappNoutputsNapkNdebugNapp-debug.apk. 


here to search 


"Colors.amber" , Sekarang, "Shift-Alt-F". 


Kemudian di sini Anda melihat, bahwa ada metode "mapEventToState”. Saya sudah 
menjelaskan bukan? Apa itu "mapEventToState”. Pada dasarnya, akan ada peristiwa 
yang akan dipetakan untuk mengubah keadaan saat ini berdasarkan peristiwa yang 


terjadi, kemudian , 'aliran' akan mengalir ke arah 'State Controller" namun, di sini 
'State Controller' dan 'Event Controller ' sudah terbungkus dalam paket ini - 

"flutter bloc". Oleh karena itu, tidak perlu bingung lagi, yang perlu kita lakukan 
hanyalah membuat “"mapEventToState”. "mapEventToState" ini akan 
mengembalikan 'aliran' karenanya, kami akan mengubah jenisnya menjadi "async#" 


initialState => 


> mapEventToState( event) async* { 


IK yaebug vapp-aevug. apk. 
FATAL: konter create Baa N3BRC Kad Hasan 
51 FATAL: e 
£ FATAL: pthr : 
/EffectSDK (11402): 2019-08 59 FATAL: re joi 3 8 N3 8SingleThreadWorkerE succeed 
/EffectSDK(11402 2019-08- 33:56.770 FATAL: re i 515 N3BR ng re. ) E succeed 
/EffectSDK(11482): 2019-08- 8: 5.790 FATAL: pth 


Sekarang, mari kita hapus ini. Di sini, yang perlu kita lakukan hanyalah SENDUBAN 
" color" menjadi warna baru berdasarkan event. Jadi, jika acara ini adalah 
"ColorEvent.to amber" maka yang akan saya kembalikan adalah “Colors.amber" 
lagi... biru muda. Jadi, jika "ColorEvent" adalah "to amber" maka " color" akan 
disetel ke kuning, jika tidak, akan disetel ke biru muda. Kemudian di sini, kami akan 
menghasilkan " color". "yield" 


. H 
initialState => . a | l 


< > mapEventToState( event) async* { 
color = (event == .to_amber) ? .amber : .lightBlue, 
yield color, 


BULAT DUXLANAPP LOULPULS \apk NAebug \app-aeoug . apk. 

F/Effect K112); 2019-08- 3 FATAL: pthread create [3115681008] a a a 
F FATAL: pthread create n 

F FATAL: pthread_create [ 

F/Effe 402 3:56 FATAL: pthread_join [31 

F/EffectSDK(11402 33 -770 : pthread_join [3115 

F/EffectSDK(11402) 


adalah perintah yang akan memasukkan data ke dalam 'stream'. Seperti yang J kita 
ketahui, ini mengembalikan 'aliran' bukan stream Nah, "yield" menambah nilai (ke 
aliran masukan). Sama seperti saya menggunakan kran di tutorial sebelumnya, jadi 
kita tambahkan air lalu masukan stream aliran datanya. Pada dasarnya, hanya itu 
yang kita butuhkan untuk "BLoC" seperti ini saja 


, jadi mari kita kembali ke 'main.dart'. Di 'main.dart' kita harus mengimpor terlebih 
dahulu. "impor flutter bloc". 


'package:flutter/material.dart' : 


main() => runApp( oy; 


build( context) { 
return 
home: 


); 


context) { 


4019-05-15 133150. FAIAL: ptnreaa create (31150310053) NsbrLisbingie inreaaworkert 
2019-08-18 18: .751 FATAL: pthread create (3115152624) N3BRC18SingleThreadWorkerE 
2019-08-18 18 : 51 FATAL: pthread c te | 6214640) N3BRC18SingleThreadWorkerE 
2019-08-18 18:33:56.7 FATAL: pthread join (3115681908) N3BRC18SingleThreadWorkerE succeed 
/EffectSDK (11402): 2019-08-18 18:33:56. FATAL: pthread join (3 6 3BRC18SingleThreadWorkerE suc d 
F/EffectSDK (11402): :33:56.790 FATAL: pthread join [2346214640] N3BRC18SingleThreadWorkerE succeed 
out Reloaded O of 46 i 


oemowars 


12:29 


=: D EEA J i-a -o D o MTRT 
Maka "MainPage" ini perlu dibungkus di dalam "BlocProvider". Di sini, kita akan 
menambahkan tipe - "ColorBloc" - "import" 


package:flutter/material.dart'; 


'package:flutter_bloc/flutter_bloc.dart'; 


main() => runApp( 0); 


context) { 


>( 


rantovt1 f 


20./D4 FAIAL: ptnreaa create (3115031003) NsbkLisdbingie inreadworkert 
4013 -YO-L0O 10 751 FATAL: pthread create (311515 4) N3BRC18SingleThreadWorkerE 
tSDK (11402): 2019-08-18 18:33:56.751 FATAL: pthread create (2346214640) N3BRC18SingleThreadWorkerE 
F/EffectSDK(11462): 2019-68-18 :56.769 FATAL: pthread join (3115681608) N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK (11402) 9-08-18 FATAL: pthread_join [31151 24] N3BRC1 ngleThreadWorkerE succeed 
F/EffectSDK(11402): 2019-08-18 :33:56. FATAL: pthread_join [2346214640] N3BRC18SingleThreadWorkerE succeed 


onm Reloaded @ of 462 libraries in 466ms. 


berona 


| ea 


lalu di sini, tambahkan 'builder' "context..." 


dan tambahkan metode yang akan mengembalikan "ColorBloc". 


import 
mport 


import 


void main() -» runApp(MyAp 


yApp extends 
rride 
idget build(BuildContext context) ( 
return Mater App( 
home: B rovider«ColortE 
builder: (context) => 
child: MainPage()), 


id 


F/ETTECTSUK( 44404): 4019-05- 18:33:50. FAIAL: ptnreaa create (3115051003) Nsbrisdingie | nreaaworker 
F/EffectSDK(11462): 2019 18 18:33:56. FATAL: pthread create (3115152624) N3BRC18SingleThreadWorkerE 
F/EffectSDK (11402): 2019-08-18 18:33:56.7 FATAL: pthread create [2346214640] N3BRC18SingleThreadWorkerE 
F/EffectSDK(11482): 2019-68-18 18:33:56.769 FATAL: pthread join (3115681608) N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK(11402): 2019 18 18:33:56. FATAL: pthread join (3115152624) N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK (114082): 2019-68-18 18:33:56.7 FATAL: pthread join (2346214640) N3BRC18SingleThreadWorkerE succeed 


out Reloaded @ of 462 libraries in 466ms 
SD y erm 
Oca 


car do... .9.. im d a p o OM 
Dengan ini, "ColorBloc" dapat diakses oleh semua 'anak' dari "BlocProvider" yang 
dapat ditemukan di "MainPage". Di "MainPage" di sini, di dalam metode "build" kami 
akan menambahkan "ColorBloc". "Bloc" sama dengan... "BlocProvider..." "dot of 
context" dan kita akan membuatnya bertipe "ColorBloc" Oke? titik koma. 


@override 
build(B iContext context) { 
Col 1 =B Provider.of< 
return ffold( 
floatingActionButton: 
mainAxisAlignment: MainAxis/ nment.end, 
children: «Widget»| 
atingA nButton(backgroundColor: ( rs.amber, onPressed: () (),), 
x(width: 10,), 
A n(backgroundColor: rs.lightBlue, onPressed: () (),) 
ls 
)s 
appBar: AppBar(title: Text(' 255 
body: nter( 
child: Ani 
width: 1090, 
height: 10A 
t Erect SUK LIFOZ): 4019-08-18 133190. FAIAL: ptnreaa create 15415051005) Ns5bKCL4sding1e | nredoworkert 
F/EffectSDK(11402): 2019-08-18 HE FATAL: pthread create (3115152624) N3BRC18SingleThreadWorkerE 
F/EffectsDK (11402): 2019-08-18 18:33:56.751 FATAL: pthread create [2346214640] N3BRC18SingleThreadWorkerE 
F/EffectSDK (11482): 2019-68-18 133:56. FATAL: pthread join [3115681008] N3BRC18SingleThreadWorker£ succeed 
F/EffectSDK (11402): 2019-08-18 18:33:56. FATAL: pthread join (3115152624) N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK(11402): 2019-68-18 18:33:56.790 FATAL: pthread join (2346214640) N3BRC18SingleThreadWorkerE succeed 
Reloaded @ of 462 libraries in 466ms 


SR A IAIN 
Ini adalah kode yang diperlukan untuk mendapatkan objek "blok" dari root 


"BlocProvider" - root di sini. Jadi, ini adalah objek yang akan kita ambil. Jadi di sini, 
ketika "FloatingActionButton" diklik, yang perlu kita lakukan hanyalah 


menambahkan kode "bloc.dispatch..." diikuti dengan event yaitu 
"ColorEvent.to amber" 


bujld(BuildContext context) { 
bloc = B Provider .of<ColorBloc>(context); 
turn Scaffold( 
floatingActionButton: 
mainAxisAlignment: 
children: «Widget» | 


atingActionButton(backgroundColor: ( rs.amber, onPressed: () ( 
bloc.dispatch( it.to amber) 


b) 


x(width: 10,), 
A n(backgroundColor: ( rs.lightBlue, onPressed: () (),) 
1, 
), 
appBar: AppBar(title: X Ja 
body: 
child: Ani 
width: 100, 


F/ETTECTOUK (11402): 4015-08-18 48:535:90./D4 FAIAL: ptnreaa create | 5415051008) NsbKLisdbingie nreadworkert 
F/EffectSDK(11402): 2019-68-18 18:33:56.751 FATAL: pthread create (3115152624) N3BRC18SingleThreadWorkerE£ 
F/EffectSDK (11402): 2019-08-18 18:33:56.751 FATAL: pthread create (2346214640) N3BRC18SingleThreadWorkerE 
F/EffectSDK (11402): 2019-08-18 18:33:56.769 FATAL: pthread join [3115681008] N3BRC18SingleThreadWorkerE succeed 
F/EffectsDK(11402): 2019-08-18 18:33:56.770 FATAL: pthread join (3115152624) N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK(114082): 2019-08-18 18:33:56.790 FATAL: pthread join (2346214640) N3BRC18SingleThreadWorkerE succeed 


ounst Reloaded @ of 462 libraries in 466ms. 
20 » veroenors 
Ora 


esp óae IN RU | ê 5 Bi 7 
“Lalu, sama di sini, "bloc.dispatch..." "ColorEvent.to light blue". "Shift-Alt- F" dan 
simpan OK? 


build(BuildContext context) { 
bloc = BI rovider .of<ColorBloc>(context); 
turn Scaffold( 
floatingActionButton: 
mainAxisAlignment: MainAxisAlignment.end, 
children: «Widget» | 
atingActionButton(backgroundColor: lors.amber, onPressed: () ( 
bloc.dispatch(( vent.to amber): 
bb), 
Size x(width: 10,), 
gActionButton(backgroundColor: ( .lightBlue, onPressed: () { 
.dispatch( r it.to light blue) 


» 
appBar: AppBa i : Text )»)s 
body : 


F/ETTECTSUK(A190Z): 4019-05-15 1B: 150./D4 FAIAL: ptnreaa create | 5L45051005) NsbkLisdbingieinreaoworkert 
F/EffectSDK(11402): 2019-08- 18:33:56. FATAL: pthread create (3115152624) N3BRC18SingleThreadWorkerE 
F/EffectSsDK(11402): 2019-08-18 18:33:56.751 FATAL: pthread create (2346214640) N3BRC18SingleThreadWorkerE 
F/EffectSDK (11402): 2019-08- 18:33:56. FATAL: pthread join [3115681008] N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK (11402): 2019-08-18 18:33:56.7 FATAL: pthread join (3115152624) N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK (11402): 2019-68-18 18:33:56.799 FATAL: pthread join [2346214640] N3BRC18SingleThreadWorkerE succeed 


Reloaded 8 of 462 libraries 466ms 
emg aeoo iB 
Mari kita periksa. Saya lupa menjelaskan bahwa "BlocProvider" judg bertugas 


menangani metode pembuangan, setelah "BLoC" tidak digunakan lagi. Jika Anda 
ingat, di video sebelumnya kami membuat metode "pembuangan" kami sendiri, 


tetapi sekarang tidak perlu karena semuanya ditangani oleh "BlocProvider". Oleh 
karena itu, juga tidak perlu menggunakan widget 'Stateful', widget 'Stateless' sudah 
cukup. Mari kita gulir ke bawah. Yang tersisa untuk dilakukan sekarang adalah 
membungkus 'AnimatedContainer' dengan 'BlocBuilder'. Kita perlu menambahkan 
tipe untuk "BlocBuilder", mari kita lihat... Ada contohnya di sini. 


using (BlocProvider) and the current (BuildContext) 


« R >( 
builder: (context, state) { 


.amber, 
duration: (milliseconds: 500), 


1 4019-95-45 18:35:D0./D4 FAIAL: ptnreag create | 5442454044) NJƏKLL Le inreaaworkert 
2019-08-18 3 51 FATAL: IK te (23462146406) N3BRC1 leThreadWorkerE 
2019-08-18 69 FATAL: re 3 @8) N3BRC18SingleThreadWorkerE succee 

8-18 18:33:56.770 FATAL: pthread |) N3BRC18SingleThreadWorkerE s ed 

K 8-1 98 FATAL: pthread join (2346214640) N3BRC18SingleThreadWorkerE succeed 

Reloaded @ of 


Reloaded 93 of 554 libraries in 1,302ms. 


| x DO i =y ET TT 
Yang pertama adalah jenis "Blok" dan yang kedua adalah "state". Jadi, di depan kita 
akan menambahkan "ColorBloc" sedangkan di belakang, kita akan menambahkan 
"Color". "ColorBloc" koma "Color" lalu tambahkan 'builder' di sini. Ini akan 
membutuhkan metode yang akan mengembalikan widget yang akan dibuatnya 
yaitu 'AnimateContainer'. Metode itu sendiri memerlukan dua parameter, yang 
pertama adalah 'konteks', dan yang kedua adalah color yang merupakan warna saat 
ini. Jadi, jika ada perubahan 'status ', 'warna' di "BLoC" kami akan mengirimkan 
warna saat ini. Jadi di sini kita menulis "konteks" koma...currret color "Warna saat 
ini" 


DC. MOLUTTERPACKAGI 


», 
appBar: 
title: 
», 
body: 
child: B Bui r<Co Bloc, Color>( 
builder: (context, currentColor) => 
width: 100, 
height: 100, 
color: Colors.amber, 
duration: Duration(milliseconds: 500), 
», 
E 
), 


F/ETTECTDUK (41401) 
F/EffectSDK (11402): 2019-08-18 18:33:56.751 FATAL: pthread create [2346214640] N3BRC18SingleThreadWorkerE 

F/EffectSDK (11402): 2019-08-18 18:33:56.769 FATAL: pthread join (3115681008) N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK(11482): 2019-68-18 18:33:56.770 FATAL: pthread join (3115152624) N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK (11402): 2019-08-18 18:33:56.790 FATAL: pthread join [2346214640] N3BRC18SingleThreadWorkerE succeed 


Reloaded @ of 462 libraries in 466ms. 


: 2014 15 18:355:50./D4 FAIAL: ptnreaa create 154112151044) NsbKLi5bingie Inreaoworkert 


tum Reloaded 93 of 554 libraries in 1,302ms. 


rena 


$ A color blocdart 
import 


import 


{ to_amber, to_light_blue } 


extends Bloc< 
color = Colors.amber; 


@override 


get initialState => 


override 
«Color?» mapEventToState( rEvent event) async* { 
_color = (event == Col vent.to_amber) ? l .amber : Colors.lightBlue, 
yield color, 


nu cowe 
F/ETTECLDUK (11404): 2019-05-15 15:35:D0./D4 FAIAL: ptnreaa create (3115152044) NsbKLisdbingie Nreaworkert 


F/EffectSDK(11482): 2019-08-18 18: :56.751 FATAL: pthread create [2346214640] N3BRC18SingleThreadWorkerE 
F/EffectsDK (11402): 2019-08-18 18:33:56.769 FATAL: pthread join [3115681008] N3BRC18SingleThreadWorkerE succeed 
F/EffectSDK(11402): 2019-08-18 18:33:56.770 FATAL: pthread join (3115152624) N3BRC18SingleThreadWorkerE succeed 
F/EffectsDK(11402): 2019-08-18 18:33:56.790 FATAL: pthread join [2346214640] N3BRC18SingleThreadWorkerE succeed 
Reloaded @ of 462 libraries in 466ms. 


omm Reloaded 93 of 554 libraries in 1,302ms. 
20» ruma 
CET 


O toe here to search KOKO IB 
" color" , warna yang ada di "ColorBloc" akan diganti dengan warna terbaru. Ini 
akan diubah kan? Dan setelah diubah, itu akan dimasukkan ke dalam stream. 
Setelah dimasukkan ke stream, itu akan ditangkap di sini. Jadi "currentColor" akan 
menyimpan ini, warna baru. Jadi yang perlu kita lakukan hanyalah mengubahnya 


dengan "currentColor". Menyimpan. "Shift-Alt-F". 


appBar: 
title: 
)», 
body: 
child: Blocf ler«ColorBloc, Color»( 
builder: (context, currentColor) => Anin 
width: 100, 
height: 100, 
color: currentColor, 
duration: Duration(milliseconds: 500), 
», 
», 
», 


va 


F/ETTECTUR(| 141404): 2019-05-15 13:33:50. FAIAL: ptnreaa create 14540114040) NsbkLi5bingie nreadworker 
F/EffectSDK (11482): 2019-68-18 18:33:56. FATAL: pthread join (3115681008) N3BRC18SingleThreadWorkerE succe 
F/EffectSDK(11402): 2019-08-18 j. FATAL: pthread_join [3115152624] N3BRC18Sing hreadWorkerE su 
F/EffectSDK(11402): 2019-08-18 18:33:56. FATAL: pthread join (2346214640) N3BRC18SingleThreadWorkerE succeed 
Reloaded @ of 462 libraries in 466 


Reloaded 93 of 554 libraries in 1,302ms. 


n — 12:29 


BE g] 11:52/12:29 


», 
appBar: 
title: 
)», 
body: 
child: B B j C rBloc, Color>( 
builder: (context, currentColor) => A 
width: 
height: 100, 
color: currentColor, 
duration: Duration(milliseconds: 500), 


/ Aua 1omanager (404124): piaysounatttect errecLiype: v 
/AudioManager(10424): playSoundEffect effectTyp @ 
/zygote64(10424): Do partial code cache collection, code-29KB, data-29KB 
zygote64(10424): After code cache collection, code KB, data-29KB 
: Increasing code cache capacity to 128KB 


/AudioManager(10424): playSoundEffect effectTyp 
: effectTye 


OK, jadi begitulah cara Anda melakukannya. Bagaimana Anda membuat "BLoC 
State Management" menggunakan paket "flutter bloc". Sangat sederhana bukan? 
Saya harap, dengan tutorial video ini Anda dapat, dengan mudah, 
mengimplementasikan "BLoC State Management" dalam aplikasi Android Anda. 
Terima kasih telah menonton, sampai jumpa di video saya yang akan datang. 


